<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			div,span{
				background-color: red;
			}
		</style>
	</head>
	<body>
		<h1>一级标题</h1>
		<h6>6级标题</h6>
		<div style="width: 200px;">独占一行</div>
		<span style="width: 200px;">共用一行</span>
		<span>共用一行</span>
		<p align="center">段落：块元素</p>
		<p align="right">段落：块元素</p>
		<p align="left">段落：块元素</p>
		<hr/>
		<b>加粗</b>
		<i>斜体</i>
		<u>下划线</u>
		<ins>下划线</ins>
		<span style="text-decoration: underline;">下划线</span>
		<del>删除</del>
		<s>删除</s>
		<sub>下标</sub>
		<br/>
		<sup>上标</sup>
		<hr>
		x<sub>1</sub>+x<sub>2</sub>&lt;y<sup>2</sup>
		<hr >
		<font size="32px" color="red" face="楷体">文字效果</font>
		<hr >
		<pre>
		     `;-.          ___,
		       `.`\_...._/`.-"`
		         \        /      ,
		         /()   () \    .' `-._
		        |)  .    ()\  /   _.'
		        \  -'-     ,; '. <
		         ;.__     ,;|   > \
		        / ,    / ,  |.-'.-'
		       (_/    (_/ ,;|.<`
		         \    ,     ;-`
		          >   \    /
		         (_,-'`> .'
		              (_,'
		</pre>
	</body>
</html>
